.padding{ padding: 0.5rem !important; }
.padding-xs{ padding: 0.3rem; }
.padding-lg{ padding: 0.75rem; }
.padding-left{ padding-left: 0.5rem; }
.padding-left-lg{ padding-left: 0.75rem; }
.padding-left-xs{ padding-left: 0.3rem; }
.padding-right{ padding-right: 0.5rem; }
.padding-right-xs{ padding-right: 0.3rem; }
.padding-right-xl{ padding-right: 1rem; }
.padding-top{ padding-top: 0.5rem; }
.padding-top-0{ padding-top: 0; }
.padding-top-xl{ padding-top: 1rem; }
.padding-top-xxl{ margin-top: 1.5rem; }
.padding-bottom{ padding-bottom: 0.5rem; }
.padding-bottom-xl{ padding-bottom: 1rem; }
.padding-bottom-0{ padding-bottom: 0; }
.padding-tb{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.padding-tb-xl{ padding-top: 1rem; padding-bottom: 1rem; }
.padding-lr{ padding-left: 0.5rem; padding-right: 0.5rem; }
.padding-lr-xl{ padding-left: 1rem; padding-right: 1rem; }


.padding-top-0{ padding-top: 0; }

.margin{ margin: 0.5rem; }
.margin-xs{ margin: 0.3rem; }
.margin-xxl{ margin: 1.5rem; }
.margin-left{ margin-left: 0.5rem; }
.margin-left-xs{ margin-left: 0.3rem; }
.margin-right{ margin-right: 0.5rem; }
.margin-right-xl{ margin-right: 1rem; }
.margin-right-xxl{ margin-right: 1.5rem; }
.margin-top{ margin-top: 0.5rem !important; }
.margin-top-xs{ margin-top: 0.3rem !important; }
.margin-top-xl{ margin-top: 1rem; }
.margin-top-xxl{ margin-top: 1.5rem; }
.margin-bottom{ margin-bottom: 0.5rem !important; }
.margin-tb{ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.margin-tb-xl{ margin-top: 1rem; margin-bottom: 1rem; }
.margin-tb-xs{ margin-top: 0.3rem; margin-bottom: 0.3rem; }
.margin-lr{ margin-left: 0.5rem; margin-right: 0.5rem; }
.margin-0{ margin: 0 !important; }
.margin-top-0{ margin-top: 0 !important; }

.solid{ border: 1px solid #dddddd; }
.solid-top{ border-top: 1px solid #dddddd; }
.solid-bottom{ border-bottom: 1px solid #dddddd; }

.text-bold{ font-weight: bold; }

.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-left{ text-align: left; }

.bg-white{ background-color: white !important; color: #4CD2E5; }
.bg-yg{ background-color: #4CD2E5; }
.bg-gray{ background-color: #F5F5F5; }
.bg0{ background: none; }

.text-yg{ color: #4CD2E5 !important; }
.text-white{ color: white !important; }
.text-black{ color: black !important; }
.text-blue{ color: #2E69F0; }
.text-gray{ color: #757575; }

.text-xs{ font-size: 0.5rem !important; }
.text-sm{ font-size: 0.65rem !important; }
.text-md{ font-size: 0.8rem !important; }
.text-lg{ font-size: 1.2rem !important; }
.text-xl{ font-size: 1.5rem !important; }

.radius{ border-radius: 0.2rem; }

.round{ border-radius: 10rem; }

.btn-xy{ box-shadow: 0 0 2px #614B32; color: #FFFFFF; border-radius: 2rem; height: 2rem; line-height: 2rem; font-size: 0.8rem; margin-top: 1rem; background-image: linear-gradient(#D8A772, #A67035); }

/* 振宇 */
.widthmax{ width: 100%;  }

.bg-blue{ background: #3FABF4; }
.bg-iblue{ background: #3FABF4; }
.text-indent{ text-indent: 1.4rem; }
.text-green{ color: #00A810; }
.text-red{ color: #D81E06; }

.flex-between{ display: flex; justify-content: space-between;  }
.flex-around{ display: flex; justify-content: space-around;  }
.hidden{ overflow: hidden; }